﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of#5c87b2 with your new color.
----------------------------------------------------------*/
body { background-color: #5c87b2;font-size: .75em;font-family: Verdana, Helvetica, Sans-Serif;margin: 0;padding: 0;color: #696969; } 
a:link { color: #034af3;text-decoration: underline; } 
a:visited { color: #505abc; } 
a:hover { color: #1d60ff;text-decoration: none; } 
a:active { color: #12eb87; } 
p, ul { margin-bottom: 20px;line-height: 1.6em; } 

/* HEADINGS   ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em;color: #000;font-family: Arial, Helvetica, sans-serif; } 
h1 { font-size: 2em;padding-bottom: 0;margin-bottom: 0; } 
h2 { padding: 0 0 10px 0; } 
h3 { font-size: 1.2em; } 
h4 { font-size: 1.1em; } 
h5, h6 { font-size: 1em; } 
h2.adminsep {display:block; padding:5px 0; margin:5px 0; border-bottom:1px dotted #333; clear:both;}

/* this rule styles <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; } 

/* PRIMARY LAYOUT ELEMENTS   ----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width. */
.page { width: 90%;margin-left: auto;margin-right: auto; } 
#header { position: relative;margin-bottom: 0px;color: #000;padding: 0; } 
#header h1 { font-weight: bold;padding: 5px 0;margin: 0;color: #fff;border: none;line-height: 2em;font-family: Arial, Helvetica, sans-serif;font-size: 32px !important; } 
#main { padding: 30px 30px 15px 30px;background-color: #fff;margin-bottom: 30px;_height: 1px; /* only IE6 applies CSS properties starting with an underscore */} 
#footer { color: #999;padding: 10px 0;text-align: center;line-height: normal;margin: 0;font-size: .9em; } 

/* TAB MENU   ----------------------------------------------------------*/
ul#menu { border-bottom: 1px #5C87B2 solid;padding: 0 0 2px;position: relative;margin: 0;text-align: right; } 
ul#menu li { display: inline;list-style: none; } 
ul#menu li#greeting { padding: 10px 20px;font-weight: bold;text-decoration: none;line-height: 2.8em;color: #fff; } 
ul#menu li a { padding: 10px 20px;font-weight: bold;text-decoration: none;line-height: 2.8em;background-color: #e8eef4;color: #034af3; } 
ul#menu li a:hover { background-color: #fff;text-decoration: none; } 
ul#menu li a:active { background-color: #a6e2a6;text-decoration: none; } 
ul#menu li.selected a { background-color: #fff;color: #000; } 

/* FORM LAYOUT ELEMENTS   ----------------------------------------------------------*/
fieldset  { margin: 1em 0;padding: 1em;border: 1px solid #CCC; } 
fieldset p  { margin: 2px 12px 10px 10px; } 
legend  { font-size: 1.1em;font-weight: 600;padding: 2px 4px 8px 4px; } 

/* --- input styles --- */
input[type=text], input[type=password] {width:300px; padding:3px; font-size:1.4em;}
input[type=submit] {padding:2px 8px; font-size:1.4em; cursor:pointer;}
select {width:310px; padding:3px; font-size:1.4em;}
textarea {width:400px; padding:3px;}
.field-validation-error {color:Red;}
.input-validation-error {border:1px #fb7272 dotted; background-color:#fde1e1;}
.editor-label {padding:2px 0;}
.editor-field {padding:2px 0;}

/* TABLE----------------------------------------------------------*/
table  { border: solid 1px #e8eef4; border-collapse: collapse; } 
table td  { padding: 7px;   border: solid 1px #e8eef4; } 
table th { padding: 8px; background-color: #e8eef4; border: solid 1px #e8eef4; font-weight:bold;} 
table.admintable {width:99%;}

/* MISC  ----------------------------------------------------------*/
.clear { clear: both; } 
.error { color:Red; } 
#menucontainer { margin-top:40px; } 
div#title { display:block;float:left;text-align:left; } 
#logindisplay { font-size:1.1em;display:block;text-align:right;margin:10px;color:White; } 
#logindisplay a:link { color: white;text-decoration: underline; } 
#logindisplay a:visited { color: white;text-decoration: underline; } 
#logindisplay a:hover { color: white;text-decoration: none; } 

/* Styles for validation helpers-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; } 
.field-validation-valid { display: none; } 
.input-validation-error { border: 1px solid #ff0000;background-color: #ffeeee; } 
.validation-summary-errors { font-weight: bold;color: #ff0000; } 
.validation-summary-valid { display: none; } 

/* Styles for editor and display helpers----------------------------------------------------------*/
.display-label,.editor-label,.display-field,.editor-field { margin: 0.5em 0; } 
.text-box { width: 30em; } 
.text-box.multi-line { height: 6.5em; } 
.tri-state { width: 6em; } 

/*-- Default Table styles --*/
#categorysearch, #articlesearch {padding:10px; border:1px dotted #333; background-color:#eee; margin:8px 0;}
